<?php
include "includes/ui.php";
$title_header='เวลาเข้า/ออก';
echo headerHTML("employee",$title_header);
?> 
<!-- Moldule: Popup -->
<div id="popup" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">

        <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h3 id="myModalLabel"><i class="icon-cog"></i> นำเข้าข้อมูล </h3>
        </div>

	<form class="form-horizontal" style="margin-bottom: 0px!important;">

        <div class="modal-body" style="overflow-y:auto;">

                        <div class="control-group">
                                <label class="control-label" for="inputName"><i class="icon-double-angle-right"></i> เลือกไฟล์</label>
                                <div class="controls">
                                  &nbsp;<input type="text" id="txtName" class="span2" placeholder="">
								   <button class="btn btn-inverse" type='button' id='btnSearch' style='' rel="tooltip" title=""   data-original-title="เลือกไฟล์">
								   <i class="icon-search"></i></button> 
                                </div>
						 
                        </div>
        </div>

        <div class="modal-footer">

 			   <button type='submit' class="btn btn-primary" id="btnSave">บันทึก</button>
				<button class="btn" data-dismiss="modal" aria-hidden="true">ยกเลิก</button>
              
        </div>
  </form>

</div> 
<!-- Live Stats -->
<div class="row-fluid">

    <!-- Pie: Box -->
    <div class="span12">

        <!--  : Top Bar -->
        <div class="top-bar">
            <h3><i class="icon-cog"></i> <?php echo $title_header;?></h3>
		 
            <div class='tmp' style='float:right'>
               <a href="#popup" data-toggle="modal"><button class="btn btn-info" data-original-title="นำเข้าข้อมูล" id='btnAdd' tooltip="Add">นำเข้าข้อมูล</button></a>
            </div>
		 
        </div>
        <!-- /  : Top Bar -->

       <!-- Pie: Content -->
        <div class="well no-padding" >
			<div class="span12">
				<div class="row-fluid">
				 <form class="form-horizontal">
					<div class='span12'>
					 
					 
					 <div class="control-group">
							<label class="control-label" for="inputName"><i class="icon-double-angle-right"></i> ชื่อ-นามสกุล </label>
							<div class="controls">
								&nbsp;<input type="text" id="txtName_s" class="span5" placeholder="ชื่อ-นามสกุล">
							</div>
					 </div>
				 
				 
						<div class="control-group" style="padding-bottom:10px;">
						<label class="control-label" style='padding-top:5px;'><i class="icon-double-angle-right"></i>วันที่</label>
						<div class="controls">
							<div class="input-append date btndate"   data-date="12-02-2012"  data-date-format="dd/mm/yyyy">
								<input class="span1" style="width:120px;!important" id='txtDateFrom_s' size="16" type="text"  readonly="">
								<span class="add-on"><i class="icon-calendar"></i></span>
							</div>
							 
							&nbsp;
							<div class="input-append date btndate"   data-date="12-02-2012"  data-date-format="dd/mm/yyyy">
								<input class="span1" style="width:120px;!important" id='txtDateTo_s' size="16" type="text"  readonly="">
								<span class="add-on"><i class="icon-calendar"></i></span>
							</div>
							
							 
							 
							 <button class="btn btn-inverse" type='button' id='btnSearch' style='margin-left:50px;margin-top:0px;padding-top:0px;' rel="tooltip" title=""   data-original-title="ค้นหาข้อมูล"><i class="icon-search"></i></button> 
							 
						</div>
						
					</div>
					</div>
					</form>
				</div>
			</div>
            <table class="data-table" id='resultData'>
                <thead style='border-top:1px solid #c2c2c2;border-bottom:1px solid #c2c2c2;'> 
                    <tr >
                        <th style='color:#333 !important;width:20px;'>#</th>
						<th style='color:#333 !important;width:200px;' class='center'>วันที่</th>
                        <th style='color:#333 !important;width:180px;' class='center'>เวลาเข้า</th>
						<th style='color:#333 !important;width:180px;' class='center'>เวลาออก</th>
						<th style='color:#333 !important;' class='center'>ชื่อ-นามสกุล</th>
                    </tr>
                </thead>
                <tbody>
                    <!--tr class="odd gradeX">
                        <td>1</td>
						<td  class='center'>12/12/2556</td>
						<td  class='center'>08:00</td>
						<td class='center'>16:30</td>
						<td class='center'>นาย. มานะ ตั้งใจ</td>
					 
                    </tr>
                    <tr class="even gradeC">
                         <td>2</td>
							<td  class='center'>13/12/2556</td>
							<td  class='center'>08:00</td>
						<td class='center'>16:30</td>
						<td class='center'>นาย. มานะ ตั้งใจ</td>
                    </tr>
					 
                    <tr class="odd gradeX">
                         <td>3</td>
							<td  class='center'>14/12/2556</td>
							<td  class='center'>08:00</td>
						<td class='center'>16:30</td>
						<td class='center'>นาย. มานะ ตั้งใจ</td>
                    </tr>
                     <tr class="even gradeC">
                          <td>4</td>
						  <td  class='center'>14/12/2556</td>
							<td  class='center'>08:00</td>
						<td class='center'>16:30</td>
						<td class='center'>นาย. มานะ ตั้งใจ</td>
                    </tr>
				 
                    <tr class="odd gradeX">
                            <td>5</td>
							<td  class='center'>14/12/2556</td>
						<td  class='center'>08:00</td>
						<td class='center'>16:30</td>
						<td class='center'>นาย. มานะ ตั้งใจ</td>
                    </tr-->
                </tbody>

            </table>

        </div>
        <!-- / Pie: Content -->

    </div>
    <!-- / Pie -->

</div>
<!-- / Live Stats -->

<?php
echo footerHTML();
?>

<!-- Javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src='js/jquery.hotkeys.js'></script>
<!--script src='js/fullcalendar.min.js'></script-->
<script src="js/jquery-ui-1.10.2.custom.min.js"></script>
<script src="js/jquery.pajinate.js"></script>
<!--script src="js/jquery.prism.min.js"></script-->
<script src="js/jquery.dataTables.min.js"></script>

<script src="js/jquery.flot.resize.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/bootstrap-wysiwyg.js"></script>
<!--script src="js/bootstrap-typeahead.js"></script-->
<script src="js/jquery.easing.min.js"></script>
<script src="js/jquery.chosen.min.js"></script>
<script src="js/avocado-custom.js"></script>
<script src="js/jqBootstrapValidation.js"></script>
<script src="js/bootstrap-datepicker.js"></script>
<script src="js/myScript/js_timeattendance.js"></script>

</html>